---
layout: default
---

    <div class="hero-unit">
      <h1>JSON for Linking Data</h1>
      <br>
      <p class="tagline">Data is messy and disconnected. JSON-LD organizes and
       connects it, creating a better Web.</p>
    </div>

    <div class="container">
      <div class="row">
        <div class="span3">
          <h2><span class="icon-exchange"></span> Linked Data </h2>
          <p class="text-justify">
            <a href="https://en.wikipedia.org/wiki/Linked_data">Linked Data</a>
            empowers people that publish and use information on the Web. It is a
            way to create a network of standards-based, machine-readable data across
            Web sites. It allows an application to start at one piece of Linked Data,
            and follow embedded links to other pieces of Linked Data that are hosted
            on different sites across the Web.
          </p>
        </div>
        <!-- End span -->

        <div class="span6">
          <h2 style="text-align: center;">A Simple Example</h2>
          <pre>{
  "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="https://json-ld.org/contexts/person.jsonld">https://json-ld.org/contexts/person.jsonld</a>",
  "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
  "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
  "<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
  "<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
}</pre>
        </div>
        <!-- End span -->

        <div class="span3">
          <h2>
            <span><img src="images/json-ld-data-32.png" alt="JSON-LD logo"></span> JSON-LD
          </h2>
          <p class="text-justify">JSON-LD is a lightweight Linked Data format. It
            is easy for humans to read and write. It is based on the already
            successful JSON format and provides a way to help JSON data interoperate
            at Web-scale. JSON-LD is an ideal data format for programming
            environments, REST Web services, and unstructured databases such as
            Apache CouchDB and MongoDB.
          </p>
        </div>
        <!-- End span -->
      </div>
    </div>

    <br/><br/>

    <div class="hero-unit">
      <h2 style="text-align:center;"><span class="icon-beer icon-large"></span> Playground</h2>
      <div class="container">
        <div class="row">
          <p class="text-justify offset2 span8">
            The <strong>JSON-LD Playground</strong> is a web-based JSON-LD viewer and debugger.
            If you are interested in learning JSON-LD, this tool will be of great help
            to you. Developers may also use the tool to debug, visualize, and share
            their JSON-LD markup.
          </p>
          <a class="btn" href="./playground/">Launch the JSON-LD Playground</a>
        </div>
      </div>
      <!-- End span -->
    </div>

    <div class="container">
      <div id="developers" class="row">
        <h1 class="span12" style="text-align: center;"> <span class="icon-cog"></span> Developers</h1>
      </div>
      <div id="developers-description" class="row">
        <p class="offset2 span8" style="text-align: center;">JSON-LD is available in
          a number of popular programming environments. Each implementation of JSON-LD
          listed below is fully conforming to the official JSON-LD specifications.
        </p>
      </div>

      <div class="row">
        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Javascript</h3></li>
              {% assign imps = implementations | where: 'language', 'JavaScript' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Python</h3></li>
              {% assign imps = implementations | where: 'language', 'Python' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Ruby</h3></li>
              {% assign imps = implementations | where: 'language', 'Ruby' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Go</h3></li>
              {% assign imps = implementations | where: 'language', 'Go' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Java</h3></li>
              {% assign imps = implementations | where: 'language', 'Java' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>C#</h3></li>
              {% assign imps = implementations | where: 'language', 'C#' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Command Line</h3></li>
              {% assign imps = implementations | where: 'applicationCategory', 'CLI' %}
              {% for implementation in imps %}
              {% include 'implementation-item' %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Erlang / Elixir</h3></li>
              {% assign imps = implementations | where_exp: 'imp', "imp.language contains 'Erlang' or imp.language contains 'Elixir'" %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>PHP</h3></li>
              {% assign imps = implementations | where: 'language', 'PHP' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <!-- Work in Progress implemenations -->
        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Rust</h3></li>
              {% assign imps = implementations | where: 'language', 'Rust' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>TypeScript</h3></li>
              {% assign imps = implementations | where: 'language', 'TypeScript' %}
              {% for implementation in imps %}
              {% unless implementation.applicationCategory == 'CLI' %}
              {% include 'implementation-item' %}
              {% endunless %}
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>

      <div id="tests-description" class="row">
        <p class="offset2 span8" style="text-align: center;">
          The <a href="https://w3c.github.io/json-ld-api/tests/">JSON-LD Test Suite</a> (and <a href="https://w3c.github.io/json-ld-framing/tests/">Framing Test Suite</a>) is useful for validating JSON-LD Processors.
        </p>
        <p class="offset3 span6" style="text-align: center;">
          Conformance of various processors is documented in the official <a href="https://w3c.github.io/json-ld-api/reports/">implementation report</a>.
        </p>
      </div>
      <hr>
    </div>
    <!-- /container -->
    <div class="container">
      <div id="collaborating" class="row">
        <h1 class="span12" style="text-align: center;">
        <span class="icon-group"></span> Getting Help / Collaborating</h1>
      </div>

      <div id="collaborating-description" class="row">
        <div class="offset2 span8" style="text-align: center;">
          <strong>JSON-LD 1.1</strong> was being formally specified by the
          <a href="https://www.w3.org/2018/json-ld-wg/"><strong>W3C JSON-LD Working Group</strong></a>.
          Although the Working Group has completed, it remains open
          as a <a href="https://www.w3.org/2023/01/json-ld-wg-charter.html">Maintanence Group</a> and may release revised specifications in the future.
          To participate in this work, please <a href="https://www.w3.org/Consortium/join">join the W3C</a>
          and then join the Working Group.
          The <a href="https://lists.w3.org/Archives/Public/public-json-ld-wg/">Working Group mailing list</a>
          is visible to the public and participation in the
          <a href="https://github.com/search?q=topic%3Ajson-ld-wg+org%3Aw3c&type=Repositories">specification repositories</a> is encouraged. Additionally, discussions and exploration continue
          in the Community Group spaces mentioned below.
          <hr />
        </div>
        <p class="offset2 span8" style="text-align: center;">
        JSON-LD has been developed by the W3C <a
        href="http://www.w3.org/community/json-ld/">JSON-LD Community Group</a>.
        It is a <a href="http://www.w3.org/TR/json-ld/">W3C Recommendation</a>
        as of 16 January 2014. Participation is open
        to the public. There is a <a href="https://github.com/json-ld">JSON-LD
        GitHub repository</a>. If you need immediate help, we have a <a
        href="https://irc.w3.org/?channels=#json-ld">#json-ld</a> IRC
        support channel on irc.w3.org
        and a <a href="https://gitter.im/json-ld/json-ld.org">Gitter channel</a>.
        There is also a <a
        href="http://lists.w3.org/Archives/Public/public-linked-json/">JSON-LD
        mailing list</a>. All weekly meetings are open to the public, and are <a
        href="https://json-ld.org/minutes/">minuted, recorded, and archived</a>. Listed below are all of the
        communication tools that the community uses on a weekly basis.</p>
      </div>

      <div class="row">
        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Code</h3></li>
              <li><a href="https://github.com/json-ld/json-ld.org">json-ld on GitHub</a></li>
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Meetings</h3></li>
              <li><a href="minutes/">Text and audio minutes</a></li>
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Mailing List</h3></li>
              <li><a href="http://lists.w3.org/Archives/Public/public-linked-json/">public-linked-json@w3.org</a></li>
            </ul>
          </div>
        </div>

        <div class="span3">
          <div class="well" style="padding: 8px 0;">
            <ul class="nav nav-list">
              <li class="nav-header"><h3>Chat</h3></li>
              <li><a href="https://irc.w3.org/?channels=#json-ld">#json-ld on irc.w3.org</a></li>
              <li><a href="https://gitter.im/json-ld/json-ld.org">Gitter</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /container -->
    <hr>
    <div class="container">
      <div id="learn-more" class="row">
        <h1 class="span12" style="text-align: center;">
        <span class="icon-book"></span> Learn More...</h1>
      </div>

      <div id="learn-more-description" class="row">
        <p class="offset2 span8" style="text-align: center;">
        This website contains a number of curated
        video, presentations, tutorials, and documentation about JSON-LD. Assuming you
        are familiar with JSON, these training materials will help you quickly
        put the power of JSON-LD into your web development efforts.<br><br>
        <a class="btn" href="./learn/">Learn more about JSON-LD</a>
        </p>
      </div>
      <!-- End Row -->
      <hr>
      <div id="footer">
        <p id="copyright">
        Website content released under a <a href="https://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
        </p>
      </div>
    </div>
    <!-- /container -->
